<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>B-JUI 前端管理框架</title>
		<meta name="description" content=" ">
		<meta name="keywords" content=" ">
		<!-- bootstrap - css -->
		<link href="site/style/bootstrap.min.css" rel="stylesheet">
		<link href="site/style/style.css" rel="stylesheet">
		<!-- plug - css -->
		<link href="site/style/FA/css/font-awesome.min.css" rel="stylesheet">
		<!-- Favicons -->
		<link rel="apple-touch-icon-precomposed" href="site/ico/apple-touch-icon-precomposed.png">
		<link rel="shortcut icon" href="site/ico/favicon.png">
		<!--[if lte IE 7]>
<link href="site/style/css/ie7.css" rel="stylesheet">
<![endif]-->
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lte IE 9]>
    <script src="site/js/html5shiv.min.js"></script>
    <script src="site/js/respond.min.js"></script>
<![endif]-->
<script data-ad-client="ca-pub-5365770378508411" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		<link href="site/style/docs.css" rel="stylesheet">
		<link href="site/style/prettify.css" rel="stylesheet">
		<style type="text/css">
			pre.prettyprint {
				border: none;
			}

			.bs-docs-section img {
				max-width: 100%;
			}

			.highlight pre {
				white-space: pre-wrap;
			}

			table td .highlight {
				width: 550px;
			}

			sup {
				color: #c7254e
			}
		</style>
	</head>
	<body>
		<!--[if lte IE 7]>
        <div id="errorie"><div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
    <![endif]-->
		<header class="navbar navbar-default header">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bjui-navbar-collapse"
					 aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="/">
						<img alt="B-JUI" src="site/images/logo.png">
					</a>
				</div>
				<nav class="collapse navbar-collapse" id="bjui-navbar-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="index.html"><i class="fa fa-home"></i> 首页</a></li>
						<li class="active"><a href="doc.html"><i class="fa fa-book"></i> 文档</a></li>
						<li><a href="http://demo.b-jui.com/" target="_blank"><i class="fa fa-television"></i> DEMO</a></li>
						<li><a href="download.html"><i class="fa fa-download"></i> 下载</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<div class="container">
			<div class="content">
				<div class="row">
					<div class="col-md-9">
						<div class="bs-docs-section">
							<h1 id="bjui-doc-start" class="page-header">概述</h1>
							<div class="bs-callout bs-callout-warning">
								<h4>
									特别说明
								</h4>
								<p>
									本文档仅适用于最新版的B-JUI，网站首页或下载页可以查看B-JUI的最后更新时间。
								</p>
							</div>
							<p>
								B-JUI前端管理框架适用于快速开发各类WEB管理系统，可与任意后端程序（java、php、.net...）配合使用。
							</p>
							<p>
								B-JUI基于Bootstrap样式及jQuery库开发，<span style="white-space:normal;">目前有各类常用组件，已集成部分常用插件，</span>可以很的方便引入第三方jQuery插件。
							</p>
							<h3 id="bjui-doc-dir">B-JUI目录结构</h3>
							<div class="highlight">
								<pre class="prettyprint linenums">B-JUI/
├── js/
│   ├── bjui-all.js
│   ├── bjui-all.min.js
│   ├── bjui-all.min.js.map
│   ├── jquery-1.11.3.min.js
│   ├── jquery.cookie.js       
├── themes/
│   ├── blue/
│   ├── green/
│   ├── purple/
│   ├── css/
│   │   ├── FA/
│   │   ├── img/
│   │   ├── style.css
│   │   ├── bootstrap.min.css
│   │   └── ie7.css
│   └── fonts/
├── plugins/
│   ├── bootstrap.min.js
│   └── 其他插件...         
└── other/       </pre>
							</div>
							<p>
								<code>js</code> 目录是B-JUI的js及jQuery <code>jquery-1.11.3.min.js</code>&nbsp;。&nbsp;<code>themes</code>
								目录是样式文件，包含B-JUI样式文件<code>style.css</code> 和 <code>bootstrap.css</code> 及 <code>蓝、绿、紫</code> 三套皮肤，以及 <code>Font
									Awesome</code> 字体。 <code>plugins</code> 目录包含 <code>bootstrap.min.js</code> 及其他用到的插件。
							</p>
							<h3 id="bjui-doc-page">页面结构</h3>
							<p>
								框架主页面结构：
							</p>
							<p>
								<img src="upload/images/201610/1476003492205.jpg" alt="" width="830" height="467" title="" align="" />
							</p>
							<p>
								主页面结构的html代码请参考下载压缩包中的 <code>index.html</code> 。
							</p>
							<p>
								子页面结构如下：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;div class="bjui-pageHeader"&gt;
	&lt;!-- 顶部模块[如：功能按钮、搜索面板] --&gt;
&lt;/div&gt;

&lt;div class="bjui-pageContent"&gt;
	&lt;!-- 内容区 --&gt;
&lt;/div&gt;

&lt;div class="bjui-pageFooter"&gt;
	&lt;!-- 底部模块[如：操作按钮] --&gt;
&lt;/div&gt;</pre>
							</div>
							子页面主要用于创建&nbsp;<code>navtab</code> 、 <code>dialog</code>&nbsp;页面。<h3 id="bjui-doc-init">初始化框架</h3>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.init(options)</pre>
							</div>
							<p>
								options参数请参考下载目录中的 <code>index.html</code> 文件。
							</p>
							<h3 id="bjui-doc-idname">DOM元素ID命名规范</h3>
							因为本框架默认所有内容都位于一个Document中，所以为元素命名ID的时候需要做到唯一性，如果确实不可避免的会出现有重复ID的现象，需要操作当前子页面的元素时，尽量用：<br />
							<code>$.CurrentNavtab.find('#dom-id')</code> ，在当前标签工作区中查找指定ID的元素。<br />
							或 <code>$.CurrentDialog.find('#dom-id')</code> ，在当前弹窗中查找指定ID的元素。<br />
							<h3 id="bjui-doc-event">全局事件</h3>
							<p>
								B-JUI的全局事件如下：
							</p>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											事件名称
										</th>
										<th width="120">
											中文说明
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											bjui.initUI
										</td>
										<td>
											框架初始化事件
										</td>
										<td>
											监听该事件，可以为指定的DOM初始化框架组件及插件，例如：本框架监听该事件用于在文档加载完成或ajax加载完成时，初始化框架及插件
										</td>
									</tr>
									<tr>
										<td>
											bjui.beforeInitUI
										</td>
										<td>
											框架初始化前事件
										</td>
										<td>
											监听该事件，可以在框架初始化前进行相关操作。例如：本框架的任一容器DOM如果添加了属性<code>['data-noinit="true"]</code>，该容器内的元素都不会被初始化，处理这个流程就监听了本件事。
										</td>
									</tr>
									<tr>
										<td>
											bjui.afterInitUI
										</td>
										<td>
											框架初始化后事件
										</td>
										<td>
											监听该事件，可以在框架初始化后进行相关操作，示例同上。
										</td>
									</tr>
									<tr>
										<td>
											bjui.ajaxStatus
										</td>
										<td>
											ajax请求状态事件
										</td>
										<td>
											<code>框架内部事件</code>。本事件用于在ajax请求过程中（<code>ajaxStart - &gt; ajaxStop</code>），显示/隐藏 框架的Mask loading效果。
										</td>
									</tr>
									<tr>
										<td>
											bjui.resizeGrid
										</td>
										<td>
											窗口缩放事件
										</td>
										<td>
											监听该事件，可在浏览器窗口或dialog窗口缩放时进行相关操作。
										</td>
									</tr>
									<tr>
										<td>
											bjui.beforeAjaxLoad
										</td>
										<td>
											ajax载入前事件
										</td>
										<td>
											监听该事件，可在使用<code>ajaxUrl</code>方法 <b>(navtab/dialog均用此方法加载子页片内容)</b>
											前进行相关操作，例如：本框架监听该事件用于在重载入子页片前释放在body中生成的selectpicker插件资源。
										</td>
									</tr>
								</tbody>
							</table>
							<p>
								下面是一个事件示例，来自DEMO中，作用是代码片断着色及添加COPY按钮：
								<div class="highlight">
									<pre class="prettyprint linenums">$(document).on(BJUI.eventType.afterInitUI, function(event) {
    $(event.target).find('.highlight').each(function(){
        var b='&lt;div class="zero-clipboard"&gt;&lt;span class="btn-clipboard"&gt;Copy&lt;/span&gt;&lt;/div&gt;';
        var p=$(this).find('&gt; pre.prettyprint');
        p.addClass('linenums').html($.trim(p.html()));
        prettyPrint();
        $(this).before(b);
    })
})
</pre>
								</div>
							</p>
							<p>
								<br />
							</p>
							<h3 id="bjui-doc-data">data属性</h3>
							<p>
								同 <code>Bootstrap</code> 一样，你可以仅仅通过 data 属性 API 就能使用 B-JUI提供的插件，而无需写 JavaScript 代码，如下面的代码就是调用信息提示框 <code>alertmsg</code>
								的用法。
								<div class="highlight">
									<pre class="prettyprint linenums">&lt;button type="button" class="btn-default" data-toggle="alertmsg" data-options="{type:'info', msg:'我是一个普通的信息提示！'}"&gt;信息提示&lt;/button&gt;</pre>
								</div>
							</p>
							<h3 id="bjui-doc-api">javascript API</h3>
							<p>
								除了data属性之外，也提供 javascript 的 API，如下面的代码将实现同上面data属性一致的效果。
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;button type="button" class="btn-default" onclick="alertmsg_onclick();"&gt;信息提示&lt;/button&gt;
&lt;script type="text/javascript"&gt;
function alertmsg_onclick() {
    BJUI.alertmsg('info', '我是一个普通的信息提示！')
}
&lt;/script&gt;</pre>
							</div>
							<h3 id="bjui-doc-durl">url动态赋值</h3>
							<p>
								URL动态赋值：指的是url中包含<code>{ selector }</code>，即大括号括起来的jQuery选择器，当提交该url时，框架会自动将selector对应元素的值替换到大括号所占区域。
							</p>
							<p>
								后面的文档中，凡是标记有 <span class="badge"><i>D-Url</i></span> 字样的URL参数，均支持动态赋值，通常支持动态赋值的url，同时支持<code>warn</code>参数，warn参数携带动态赋值不成功时的提示信息。
							</p>
							<h3 id="bjui-doc-string-method">字符串函数等</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											方法
										</th>
										<th>
											参数说明
										</th>
										<th>
											返回
										</th>
										<th>
											描述及示例
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											$(form).serializeJson()
										</td>
										<td>
											--
										</td>
										<td>
											json
										</td>
										<td>
											将表单域内容转换为json格式。
										</td>
									</tr>
									<tr>
										<td>
											$(selector).isTag(tagName)
										</td>
										<td>
											html元素名称
										</td>
										<td>
											boolean
										</td>
										<td>
											判断当前jQuery对象的标签名是否为tagName。示例：<code>if ($('#test-aa').isTag('a')) {alert('我是一个a链接！')}</code>
										</td>
									</tr>
									<tr>
										<td>
											string.isPositiveInteger()
										</td>
										<td>
											--
										</td>
										<td>
											boolean
										</td>
										<td>
											判断字符串是否是正整数。示例：<code>var aa = '112233'; alert(aa.isPositiveInteger())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.isInteger()
										</td>
										<td>
											--
										</td>
										<td>
											boolean
										</td>
										<td>
											判断字符串是否是整数。示例：<code>var aa = '-112233'; alert(aa.isInteger())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.isNumber()
										</td>
										<td>
											--
										</td>
										<td>
											boolean
										</td>
										<td>
											判断字符串是否是数字。示例：<code>var aa = '112.233'; alert(aa.isNumber())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.isNormalID()
										</td>
										<td>
											--
										</td>
										<td>
											boolean
										</td>
										<td>
											判断字符串是以字母开头，并由数字、字母、中横线、下划线组成。示例：<code>var aa = 'navtab-test_1'; alert(aa.isNormalID())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.includeChinese()
										</td>
										<td>
											--
										</td>
										<td>
											boolean
										</td>
										<td>
											判断字符串是否包含汉字。示例：<code>var aa = '中国520'; alert(aa.includeChinese())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.trim()
										</td>
										<td>
											--
										</td>
										<td>
											string
										</td>
										<td>
											去除字符串两端空格，同jQuery的$.trim(string)。示例：<code>var aa = ' 11哈11 '; alert(aa.trim())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.startsWith(str)
										</td>
										<td>
											待比较的字符串
										</td>
										<td>
											boolean
										</td>
										<td>
											判断字符串是否以str开头。示例：<code>var aa = 'hello112233'; alert(aa.startsWith('hello'))</code>
										</td>
									</tr>
									<tr>
										<td>
											string.endsWith(str)
										</td>
										<td>
											待比较的字符串
										</td>
										<td>
											boolean
										</td>
										<td>
											判断字符串是否以str结尾。示例：<code>var aa = '112233hello'; alert(aa.endsWith('hello'))</code>
										</td>
									</tr>
									<tr>
										<td>
											string.replaceSuffix(index)
										</td>
										<td>
											--
										</td>
										<td>
											boolean
										</td>
										<td>
											判断字符串是否是正整数。示例：<code>var aa = '112233'; alert(aa.isPositiveInteger())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.encodeTXT()
										</td>
										<td>
											--
										</td>
										<td>
											string
										</td>
										<td>
											转义html字符串。示例：
											<div class="highlight" style="width:430px;">
												<pre class="prettyprint linenums">var html = '&lt;p&gt;我是一行数据！&lt;/p&gt;'; alert(html.encodeTXT())</pre>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											string.trans()
										</td>
										<td>
											--
										</td>
										<td>
											string
										</td>
										<td>
											还原已转义的html字符串。示例：<code>var html = '&lt;p&gt;我是一行数据！&lt;/p&gt;'; alert(html.trans())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.replaceAll(ostr, nstr)
										</td>
										<td>
											搜索字符串，替换字符串
										</td>
										<td>
											boolean
										</td>
										<td>
											替换所有匹配的字符串。示例：<code>var aa = '1122331122'; alert(aa.replaceAll('11', '**'))</code>
										</td>
									</tr>
									<tr>
										<td>
											string.toBool()
										</td>
										<td>
											--
										</td>
										<td>
											boolean
										</td>
										<td>
											将字符串转为boolean型。示例：<code>var aa = 'true'; alert(aa.toBool())</code>
										</td>
									</tr>
									<tr>
										<td>
											string.toJson()
										</td>
										<td>
											--
										</td>
										<td>
											string|json
										</td>
										<td>
											将字符串转换为json，成功转换返回json，失败返回源字符串。示例：<code>var aa = '{"name":"张三"}'.toJson(); alert(typeof aa === 'object' ?
												aa.name : aa)</code>
										</td>
									</tr>
									<tr>
										<td>
											string.toObj()
										</td>
										<td>
											--
										</td>
										<td>
											string|object
										</td>
										<td>
											将字符串转换为object，成功转换将返回object，失败返回源字符串。示例：<code>var aa = '{name:"张三", age:30}'; aa = aa.toObj(); alert(typeof
												aa === 'object' ? aa.age : aa)</code>
										</td>
									</tr>
									<tr>
										<td>
											string.toFunc()
										</td>
										<td>
											--
										</td>
										<td>
											string|object
										</td>
										<td>
											将字符串转换为function，成功转换将返回function，失败返回源字符串。示例：<code>var aa = 'function() {alert("我是一个方法~")}'; aa =
												aa.toFunc(); if (typeof aa === 'function') {aa.apply()}</code>。还支持window对象下的字符串函数名转换，示例2：<code>window.testfunc
												= function() { alert('我是一个window方法！') }; var aa = 'testfunc'.toFunc(); if (typeof aa === 'function')
												{aa.apply()}</code>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="bs-docs-section">
							<h1 id="bjui-doc-navtab" class="page-header">Navtab</h1>
							通过页面结构图可以看出<span style="white-space:normal;">Navtab是</span><span style="white-space:normal;">B-JUI框架的重要组成部分，除去顶部导航及侧边栏后就是Navtab</span>。Navtab采用标签形式显示多个子页面，按住标签不放可以拖动排序，在标签上右键可以刷新或关闭标签。<h3
							 id="bjui-doc-navtab-usage">使用</h3>
							<p>
								通过data属性：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;button type="button" class="btn-default" data-toggle="navtab" data-options="{id:'test_navtab1', url:'/html/base/navtab-demo1.html', title:'示例Navtab1'}"&gt;打开Navtab1&lt;/button&gt;</pre>
							</div>
							<p>
								通过JS API：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.navtab({
    id:'test_navtab3',
    url:'/html/base/navtab-demo3.html',
    title:'示例Navtab3'
})</pre>
							</div>
							<h3 id="bjui-doc-navtab-options">参数</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>名称</th>
										<th>类型</th>
										<th>默认值</th>
										<th>描述</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>id</td>
										<td>string</td>
										<td>undefined</td>
										<td>[必选] 标签的ID，如果指定重复，将覆盖现有的ID相同标签。</td>
									</tr>
									<tr>
										<td>title</td>
										<td>string</td>
										<td>New tab</td>
										<td>[可选] 标签打开后显示的名称。</td>
									</tr>
									<tr>
										<td>url</td>
										<td>string</td>
										<td>undefined</td>
										<td>[必选] <span class="badge"><i>D-Url</i></span> 请求数据的url，a链接触发时可以将url定义在href属性。</td>
									</tr>
									<tr>
										<td>external</td>
										<td>boolean</td>
										<td>false</td>
										<td>[可选] 是否以iframe方式加载外部页面。</td>
									</tr>
									<tr>
										<td>type</td>
										<td>string</td>
										<td>GET</td>
										<td>[可选] Http请求方式，可选‘GET/POST’。</td>
									</tr>
									<tr>
										<td>data</td>
										<td>object</td>
										<td>{}</td>
										<td>[可选] 请求url时，需要发送的data数据。</td>
									</tr>
									<tr>
										<td>loadingmask</td>
										<td>boolean</td>
										<td>true</td>
										<td>[可选] ajax请求时是否显示数据加载遮罩。</td>
									</tr>
									<tr>
										<td>fresh</td>
										<td>boolean</td>
										<td>false</td>
										<td>[可选] 是否保持该navtab的新生状态，表现在重复打开该navtab时，是否重新载入内容。</td>
									</tr>
									<tr>
										<td>reloadWarn</td>
										<td>string</td>
										<td>null</td>
										<td>[可选] 当准备在已存在的navtab上加载内容时的确认提示信息。</td>
									</tr>
									<tr>
										<td>autorefresh</td>
										<td>boolean/int(秒)</td>
										<td>false</td>
										<td>[可选] 指定该navtab是否可自动刷新，为true时默认间隔15秒自动刷新，指定具体的秒数则以指定的间隔秒值自动刷新。</td>
									</tr>
									<tr>
										<td>onLoad</td>
										<td>function($navtab)</td>
										<td>null</td>
										<td>[可选] navtab加载完成后的事件回调，回调函数的参数<code>$navtab</code>为该navtab内容区的jQuery对象。</td>
									</tr>
									<tr>
										<td>beforeClose</td>
										<td>function($navtab)</td>
										<td>null</td>
										<td>[可选] <b>返回值: boolean</b>。 navtab关闭前的事件回调，返回true则关闭，返回false不关闭。</td>
									</tr>
									<tr>
										<td>onClose</td>
										<td>function()</td>
										<td>null</td>
										<td>[可选] navtab关闭后的事件回调。</td>
									</tr>
								</tbody>
							</table>
							<h3 id="bjui-doc-navtab-method">方法</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											方法名
										</th>
										<th width="100">
											参数类型
										</th>
										<th>
											参数说明
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											switchTab(tabid)
										</td>
										<td>
											string
										</td>
										<td>
											标签ID
										</td>
										<td>
											切换到某个标签。
										</td>
									</tr>
									<tr>
										<td>
											refresh(tabid)
										</td>
										<td>
											string
										</td>
										<td>
											标签ID，<code>ID为空</code>则刷新当前标签
										</td>
										<td>
											刷新某个标签。
										</td>
									</tr>
									<tr>
										<td>
											reloadFlag(tabids)
										</td>
										<td>
											string
										</td>
										<td>
											一个或多个标签ID，多个ID以<code>,</code>分隔
										</td>
										<td>
											为某(几)个标签设定重载标记(当切换到该标签时重新载入)。
										</td>
									</tr>
									<tr>
										<td>
											reload(options)
										</td>
										<td>
											object
										</td>
										<td>
											同navtab默认参数
										</td>
										<td>
											重新载入某个标签，如果未指定ID，则默认重载入当前标签。
										</td>
									</tr>
									<tr>
										<td>
											closeTab(tabid)
										</td>
										<td>
											string
										</td>
										<td>
											标签ID
										</td>
										<td>
											关闭某个标签。
										</td>
									</tr>
									<tr>
										<td>
											closeCurrentTab([tabid])
										</td>
										<td>
											string
										</td>
										<td>
											标签ID，可选。
										</td>
										<td>
											关闭当前标签。
										</td>
									</tr>
									<tr>
										<td>
											closeAllTab()
										</td>
										<td>
											--
										</td>
										<td>
											--
										</td>
										<td>
											关闭所有标签。
										</td>
									</tr>
								</tbody>
							</table>
							<p>
								方法使用示例：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">// 刷新ID为 navtab-test-1 的Navtab
BJUI.navtab('refresh', 'navtab-test-1')</pre>
							</div>
							<p>
								<br />
							</p>
						</div>
						<div class="bs-docs-section">
							<h1 id="bjui-doc-dialog" class="page-header">Dialog</h1>
							Dialog是浮动在主页面上的弹出窗口，分为普通弹窗和模态弹窗。Dialog是B-JUI的重要组成部分，可以进行最大化，最小化，拖动大小和位置等操作。<h3 id="bjui-doc-dialog-usage">使用</h3>
							<p>通过data属性：</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;button type="button" class="btn-default" data-toggle="dialog" data-options="{id:'test_dialog1', url:'/html/base/dialog-demo1.html', title:'示例Dialog1'}"&gt;打开Dialog1&lt;/button&gt;</pre>
							</div>

							<p>通过JS API：</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.dialog({
    id:'test_dialog3',
    url:'/html/base/dialog-demo3.html',
    title:'示例Dialog3'
})</pre>
							</div>
							<h3 id="bjui-doc-dialog-options">参数</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>名称</th>
										<th>类型</th>
										<th>默认值</th>
										<th>描述</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>id</td>
										<td>string</td>
										<td>dialog</td>
										<td>[必选] 弹窗的ID，如果指定重复，将覆盖现有的ID相同弹窗。</td>
									</tr>
									<tr>
										<td>title</td>
										<td>string</td>
										<td>New Dialog</td>
										<td>[可选] 弹窗打开后显示的名称，可从data-title属性获取或直接获取触发DOM的text值。</td>
									</tr>
									<tr>
										<td>url</td>
										<td>string</td>
										<td>undefined</td>
										<td>[可选] 参数<code>url、image、html、target</code>必选一项，优先级<code>url &gt; image &gt; html &gt; target</code>。 <span
											 class="badge"><i>D-Url</i></span> 请求数据的url，a链接触发时可以将url定义在href属性。</td>
									</tr>
									<tr>
										<td>image</td>
										<td>string</td>
										<td>null</td>
										<td>[可选] 图片地址，让dialog显示该图片，image参数可以使用encodeURI函数编码。</td>
									</tr>
									<tr>
										<td>html</td>
										<td>string</td>
										<td>null</td>
										<td>[可选] 指定一段html内容加载到dialog。</td>
									</tr>
									<tr>
										<td>target</td>
										<td>selector</td>
										<td>null</td>
										<td>[可选] 从指定的jQuery容器中加载内容到dialog，请为该容器添加属性<code>data-noinit="true"</code>以阻止容器中的内容提前初始化，为容器添加Class[<code>hide</code>]以隐藏待加载内容。</td>
									</tr>
									<tr>
										<td>type</td>
										<td>string</td>
										<td>GET</td>
										<td>[可选] Http请求方式，可选‘GET/POST’。</td>
									</tr>
									<tr>
										<td>data</td>
										<td>object</td>
										<td>{}</td>
										<td>[可选] 请求url时，需要发送的data数据。</td>
									</tr>
									<tr>
										<td>loadingmask</td>
										<td>boolean</td>
										<td>true</td>
										<td>[可选] ajax请求时是否显示数据加载遮罩。</td>
									</tr>
									<tr>
										<td>width</td>
										<td>int</td>
										<td>500</td>
										<td>[可选] 弹窗的宽度。</td>
									</tr>
									<tr>
										<td>height</td>
										<td>int</td>
										<td>300</td>
										<td>[可选] 弹窗的高度。</td>
									</tr>
									<tr>
										<td>max</td>
										<td>boolean</td>
										<td>false</td>
										<td>[可选] 打开弹窗时直接最大化。</td>
									</tr>
									<tr>
										<td>mask</td>
										<td>boolean</td>
										<td>false</td>
										<td>[可选] 是否模态窗口。</td>
									</tr>
									<tr>
										<td>resizable</td>
										<td>boolean</td>
										<td>true</td>
										<td>[可选] 可以调整弹窗的大小。</td>
									</tr>
									<tr>
										<td>drawable</td>
										<td>boolean</td>
										<td>true</td>
										<td>[可选] 可以拖动弹窗。</td>
									</tr>
									<tr>
										<td>maxable</td>
										<td>boolean</td>
										<td>true</td>
										<td>[可选] 是否显示最大化按钮。</td>
									</tr>
									<tr>
										<td>minable</td>
										<td>boolean</td>
										<td>true</td>
										<td>[可选] 是否显示最小化按钮（模态弹窗无效）。</td>
									</tr>
									<tr>
										<td>fresh</td>
										<td>boolean</td>
										<td>false</td>
										<td>[可选] 是否保持该dialog的新生状态，表现在重复打开该dialog时，是否重新载入内容。</td>
									</tr>
									<tr>
										<td>reloadWarn</td>
										<td>string</td>
										<td>null</td>
										<td>[可选] 当准备在已存在的dialog上加载内容时的确认提示信息。</td>
									</tr>
									<tr>
										<td>onLoad</td>
										<td>function($dialog)</td>
										<td>null</td>
										<td>[可选] dialog加载完成后的事件回调，回调函数的参数<code>$dialog</code>为该dialog的jQuery对象。</td>
									</tr>
									<tr>
										<td>beforeClose</td>
										<td>function($dialog)</td>
										<td>null</td>
										<td>[可选] <b>返回值: boolean</b>。 dialog关闭前的事件回调，返回true则关闭，返回false不关闭。</td>
									</tr>
									<tr>
										<td>onClose</td>
										<td>function()</td>
										<td>null</td>
										<td>[可选] dialog关闭后的事件回调。</td>
									</tr>
								</tbody>
							</table>
							<h3 id="bjui-doc-dialog-method">方法</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											方法名
										</th>
										<th width="80">
											参数类型
										</th>
										<th>
											参数说明
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											switchDialog(id)
										</td>
										<td>
											string
										</td>
										<td>
											dialog ID
										</td>
										<td>
											切换到某个弹窗(模态弹窗无效)。
										</td>
									</tr>
									<tr>
										<td>
											refresh(id)
										</td>
										<td>
											string
										</td>
										<td>
											dialog ID
										</td>
										<td>
											刷新某个弹窗。
										</td>
									</tr>
									<tr>
										<td>
											reloadFlag(tabids)
										</td>
										<td>
											string
										</td>
										<td>
											一个或多个标签ID，多个ID以<code>,</code>分隔
										</td>
										<td>
											为某(几)个标签设定重载标记(当切换到该标签时重新载入)。
										</td>
									</tr>
									<tr>
										<td>
											reload(options)
										</td>
										<td>
											object
										</td>
										<td>
											同dialog默认参数
										</td>
										<td>
											重新载入某个弹窗，如果未指定ID，则默认重载入当前弹窗。
										</td>
									</tr>
									<tr>
										<td>
											close(id)
										</td>
										<td>
											string
										</td>
										<td>
											dialog ID
										</td>
										<td>
											关闭某个弹窗。
										</td>
									</tr>
									<tr>
										<td>
											closeCurrent()
										</td>
										<td>
											--
										</td>
										<td>
											--
										</td>
										<td>
											关闭当前弹窗。
										</td>
									</tr>
								</tbody>
							</table>
							<p>
								方法使用示例：
								<div class="highlight">
									<pre class="prettyprint linenums">// 刷新ID为 dialog-test-1 的Dialog
BJUI.dialog('refresh', 'dialog-test-1')</pre>
								</div>
							</p>
						</div>
						<div class="bs-docs-section">
							<h1 id="bjui-doc-alertmsg" class="page-header">alertmsg信息提示</h1>
							alertmsg是B-JUI的信息提示组件，共有<strong>信息、成功、警告、错误、确认、输入提示</strong>几种类型。<h3 id="bjui-doc-alertmsg-usage">使用</h3>
							<p>
								通过data属性：
							</p>

							<div class="highlight">
								<pre class="prettyprint linenums">&lt;button type="button" class="btn-default" data-toggle="alertmsg" data-options="{type:'info', msg:'我是一个普通的信息提示！'}"&gt;信息提示&lt;/button&gt;</pre>
							</div>

							<p>通过JS API：</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.alertmsg('ok', '我是一个成功的消息提示！', {
    okCall: function() {
        BJUI.alertmsg('info', '你点击了确定按钮！')
    }
})</pre>
							</div>
							<h3 id="bjui-doc-alertmsg-options">参数</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											type
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[必选] 信息提示方式，参数有['ok' | 'correct' | 'info' | 'warn' | 'error' | 'confirm' | 'prompt'
											]，其中ok为correct的别名，confirm为确认提示，prompt为输入信息提示。
										</td>
									</tr>
									<tr>
										<td>
											msg
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[必选] 提示的内容。
										</td>
									</tr>
									<tr>
										<td>
											displayPosition
										</td>
										<td>
											string
										</td>
										<td>
											topcenter
										</td>
										<td>
											[可选] 提示框显示位置，参数有['topleft' | 'topcenter' | 'topright' | 'middleleft' | 'middlecenter' | 'middleright' |
											'bottomleft' | 'bottomcenter' | 'bottomright']，<code>本参数可以覆盖全局设置</code>。
										</td>
									</tr>
									<tr>
										<td>
											displayMode
										</td>
										<td>
											string
										</td>
										<td>
											slide
										</td>
										<td>
											[可选] 提示框显示动画(无动画、渐显渐隐、滑动)，参数['none' | 'fade' | 'slide']，<code>本参数可以覆盖全局设置</code>。
										</td>
									</tr>
									<tr>
										<td>
											autoClose
										</td>
										<td>
											boolean
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 是否自动关闭提示框，默认在type为['ok' | 'correct' | 'info']三种方式时参数值为true。
										</td>
									</tr>
									<tr>
										<td>
											alertTimeout
										</td>
										<td>
											int
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 自动关闭提示框的时间(毫秒)，autoClose参数为true时生效，<code>本参数可以覆盖全局设置</code>。
										</td>
									</tr>
									<tr>
										<td>
											mask
										</td>
										<td>
											boolean
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 是否模态显示提示框，默认在type为['warn' | 'error' | 'confirm' | 'prompt']方式时参数值为true。
										</td>
									</tr>
									<tr>
										<td>
											title
										</td>
										<td>
											string
										</td>
										<td>
											见bjui-regional.zh-CN.js中alertmsg
										</td>
										<td>
											[可选] 信息提示框的标题，设置本参数将会覆盖bjui-regional.zh-CN.js中alertmsg的对应设置。
										</td>
									</tr>
									<tr>
										<td>
											okName
										</td>
										<td>
											string
										</td>
										<td>
											确定
										</td>
										<td>
											[可选] 确定按钮的名称，设置本参数将会覆盖bjui-regional.zh-CN.js中alertmsg的对应设置。
										</td>
									</tr>
									<tr>
										<td>
											cancelName
										</td>
										<td>
											string
										</td>
										<td>
											取消
										</td>
										<td>
											[可选] <code>仅type为'confirm'时有效</code>取消按钮的名称，设置本参数将会覆盖bjui-regional.zh-CN.js中alertmsg的对应设置。
										</td>
									</tr>
									<tr>
										<td>
											okCall
										</td>
										<td>
											function()
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 确定按钮的回调方法，支持字符串类型的方法名，<code>该方法会在提示框关闭后被调用</code>。
										</td>
									</tr>
									<tr>
										<td>
											cancelCall
										</td>
										<td>
											function()
										</td>
										<td>
											null
										</td>
										<td>
											[可选] <code>仅type为'confirm'时有效</code>取消按钮的回调方法，支持字符串类型的方法名，<code>该方法会在提示框关闭后被调用</code>。
										</td>
									</tr>
									<tr>
										<td>
											promptRequired
										</td>
										<td>
											string
										</td>
										<td>
											required
										</td>
										<td>
											[可选] <code>仅type为'prompt'时有效</code>，输入提示框的验证规则。
										</td>
									</tr>
									<tr>
										<td>
											promptname
										</td>
										<td>
											object
										</td>
										<td>
											prompt
										</td>
										<td>
											[可选] <code>仅type为'prompt'时有效</code>，输入提示框的name属性。
										</td>
									</tr>
									<tr>
										<td>
											promptval
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] <code>仅type为'prompt'时有效</code>，输入提示框的默认值。
										</td>
									</tr>
									<tr>
										<td>
											prompt
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] <code>仅type为'prompt'时有效</code>。该参数是点击确定后的ajax提交参数，详细参数配置参考bjuiajax的<code>doajax</code>一节。示例：<code>{url:'ajaxDone.json',
												type:'post', loadingmask:true}</code>。<strong>注意：</strong>如果有自定义okCall参数，则该参数无效。
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="bs-docs-section">
							<h1 id="bjui-doc-bjuiajax" class="page-header">bjuiajax</h1>
							bjuiajax是B-JUI封装的一系列ajax异步请求。<h3 id="bjui-doc-bjuiajax-json">B-JUI消息JSON</h3>
							当ajax请求时，服务端可以仅返回一个消息JSON告知前端框架处理的结果，这个JSON的格式如下：
							<div class="highlight">
								<pre class="prettyprint linenums">{
    "statusCode" : 200,
    "message" : "处理成功！"
}</pre>
							</div>
							<div class="bs-callout bs-callout-info">
								<h4>
									消息JSON的参数
								</h4>
								<p>
									JSON的key<code>statusCode、message</code>可以在框架初始化时通过参数<code>keys</code>更改，<code>statusCode</code>的状态值有ok、error、timeout，代表成功、失败、超时三种类型，可以通过参数<code>statusCode</code>更改。
								</p>
							</div>
							<h3 id="bjui-doc-bjuiajax-doajax">doajax异步请求</h3>
							<p>
								通过data属性使用：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;button type="button" class="btn-default" data-toggle="doajax" data-options="{url:'../../json/ajaxDone.json'}"&gt;Data API Ajax提交1&lt;/button&gt;</pre>
							</div>
							<p>
								通过JS API使用：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.ajax('doajax', {
    url: 'json/ajax/ajax-test1.json',
    loadingmask: true,
    okCallback: function(json, options) {
        console.log('返回内容：\n'+ JSON.stringify(json))
    }
})</pre>
							</div>
							<p>
								参数：
							</p>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											url
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[必选] <span class="badge"><i>D-Url</i></span> ajax处理的URL，a链接触发时可以将url定义在href属性。
										</td>
									</tr>
									<tr>
										<td>
											type
										</td>
										<td>
											string
										</td>
										<td>
											POST
										</td>
										<td>
											[可选] ajax请求方式。
										</td>
									</tr>
									<tr>
										<td>
											data
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] ajax请求发送到服务器的数据。
										</td>
									</tr>
									<tr>
										<td>
											confirmMsg
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 执行动作前的确认提示。
										</td>
									</tr>
									<tr>
										<td>
											okalert
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 请求正常返回后，是否弹出相应的信息提示，当返回内容不是B-JUI消息JSON时，建议关闭。
										</td>
									</tr>
									<tr>
										<td>
											callback
										</td>
										<td>
											function(json)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 自定义回调函数。
										</td>
									</tr>
									<tr>
										<td>
											okCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求成功时的回调函数，该函数会覆盖B-JUI默认的成功回调函数，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											okAfterCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求成功时的回调函数，该函数会在B-JUI默认的成功函数后执行，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											errCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求失败时的回调函数，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											failCallback
										</td>
										<td>
											function(msg, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] ajax请求出错时的回调函数，函数的<code>msg</code>参数是服务端返回的出错信息，<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											loadingmask
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] ajax请求时是否显示数据加载遮罩。
										</td>
									</tr>
									<tr>
										<td>
											target
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 数据加载遮罩的父容器，值为空时默认是当前Navtab或Dialog。
										</td>
									</tr>
									<tr>
										<td>
											reload
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否重新加载当前target。
										</td>
									</tr>
									<tr>
										<td>
											forward
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 跳转地址，请求返回成功状态后，加载forward地址对应的内容到当前target。
										</td>
									</tr>
									<tr>
										<td>
											forwardConfirm
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否重新加载当前target。
										</td>
									</tr>
									<tr>
										<td>
											closeCurrent
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否关闭当前target(仅navtab或dialog)。
										</td>
									</tr>
									<tr>
										<td>
											tabid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的navtab的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											dialogid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的dialog的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											divid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的div(仅限通过doload加载的div)的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											datagrids
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的datagrid的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											gridrefreshflag
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 刷新datagrid时保留其快速筛选、排序、分页信息。
										</td>
									</tr>
									<tr>
										<td>
											ajaxTimeout
										</td>
										<td>
											int
										</td>
										<td>
											BJUI.ajaxTimeout
										</td>
										<td>
											[可选] 请求超时设置，即$.ajax的timeout属性。
										</td>
									</tr>
								</tbody>
							</table>
							<div class="bs-callout bs-callout-warning">
								<h4>
									请求返回成功状态
								</h4>
								<p>
									指服务端返回B-JUI的消息JSON并在<code>json[BJUI.keys.statusCode] == BJUI.statusCode.ok</code>时有效。
								</p>
							</div>
							<h3 id="bjui-doc-bjuiajax-ajaxform">ajaxform异步表单提交</h3>
							<p>
								通过data属性使用（带验证）：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;form action="../../json/ajaxDone.json" data-toggle="ajaxform"&gt;
    &lt;h5&gt;Data API Ajax提交表单1（带验证）&lt;/h5&gt;
    &lt;div class="bjui-row col-2"&gt;
        &lt;label class="row-label"&gt;姓名&lt;/label&gt;
        &lt;div class="row-input"&gt;&lt;input type="text" name="username" data-rule="required"&gt;&lt;/div&gt;
        &lt;label class="row-label"&gt;住址&lt;/label&gt;
        &lt;div class="row-input"&gt;&lt;input type="text" name="address" data-rule="required"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr style="margin:5px 0 15px;"&gt;
    &lt;div class="text-center"&gt;
        &lt;button type="submit" class="btn-default"&gt;提交表单&lt;/button&gt;
    &lt;/div&gt;
&lt;/form&gt;</pre>
							</div>
							<p>
								通过JS API属性使用（无验证）：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.ajax('ajaxform', {
    url: 'json/ajax/ajax-test1.json',
    form: $.CurrentNavtab.find('form:eq(1)'),
    validate: false,
    loadingmask: true,
    okCallback: function(json, options) {
        console.log('返回内容1：\n'+ JSON.stringify(json))
    }
})</pre>
							</div>
							<p>
								参数：
							</p>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											url
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[必选] 提交的URL，未指定时将取form的action属性。
										</td>
									</tr>
									<tr>
										<td>
											type
										</td>
										<td>
											string
										</td>
										<td>
											POST
										</td>
										<td>
											[可选] ajax请求方式，未指定该参数时会取form的method属性值。
										</td>
									</tr>
									<tr>
										<td>
											confirmMsg
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 提交表单前的确认提示。
										</td>
									</tr>
									<tr>
										<td>
											beforeSubmit
										</td>
										<td>
											function(form)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 执行动作前的确认函数，返回false时不提交表单。
										</td>
									</tr>
									<tr>
										<td>
											validate<sup>1.31</sup>
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 提交表单前是否需要验证（需要验证插件nicevalidate支持）。
										</td>
									</tr>
									<tr>
										<td>
											alertmsg
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否弹出验证未通过的信息提示。
										</td>
									</tr>
									<tr>
										<td>
											okalert
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 请求正常返回后，是否弹出相应的信息提示。
										</td>
									</tr>
									<tr>
										<td>
											callback
										</td>
										<td>
											function(json)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 自定义回调函数。
										</td>
									</tr>
									<tr>
										<td>
											okCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求成功时的回调函数，该函数会覆盖B-JUI默认的成功回调函数，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											okAfterCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求成功时的回调函数，该函数会在B-JUI默认的成功函数后执行，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											errCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求失败时的回调函数，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											failCallback
										</td>
										<td>
											function(msg, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] ajax请求出错时的回调函数，函数的<code>msg</code>参数是服务端返回的出错信息，<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											form
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 要提交的表单，通过JS API使用时需要。
										</td>
									</tr>
									<tr>
										<td>
											loadingmask
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] ajax请求时是否显示数据加载遮罩。
										</td>
									</tr>
									<tr>
										<td>
											target
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 数据加载遮罩的父容器，值为空时默认是当前Navtab或Dialog。
										</td>
									</tr>
									<tr>
										<td>
											reload
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否重新加载当前target。
										</td>
									</tr>
									<tr>
										<td>
											forward
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 跳转地址，请求返回成功状态后，加载forward地址对应的内容到当前target。
										</td>
									</tr>
									<tr>
										<td>
											forwardConfirm
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否重新加载当前target。
										</td>
									</tr>
									<tr>
										<td>
											closeCurrent
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否关闭当前target(仅navtab或dialog)。
										</td>
									</tr>
									<tr>
										<td>
											tabid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的navtab的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											dialogid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的dialog的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											divid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的div(仅限通过doload加载的div)的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											datagrids
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的datagrid的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											gridrefreshflag
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 刷新datagrid时保留其快速筛选、排序、分页信息。
										</td>
									</tr>
									<tr>
										<td>
											ajaxTimeout
										</td>
										<td>
											int
										</td>
										<td>
											BJUI.ajaxTimeout
										</td>
										<td>
											[可选] 请求超时设置，即$.ajax的timeout属性。
										</td>
									</tr>
								</tbody>
							</table>
							<div class="bs-callout bs-callout-warning">
								<h4>
									请求返回成功状态
								</h4>
								<p>
									指服务端返回B-JUI的消息JSON并在<code>json[BJUI.keys.statusCode] == BJUI.statusCode.ok</code>时有效。
								</p>
							</div>
							<h3 id="bjui-doc-bjuiajax-doload">doload异步加载</h3>
							<p>
								通过Data属性使用：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;button type="button" class="btn-default" data-toggle="ajaxload" data-options="{url:'../../html/base/ajax_layout1.html', target:'#ajaxload_test_box'}"&gt;Data API Ajax载入&lt;/button&gt;</pre>
							</div>
							<p>
								通过JS API使用：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.ajax('doload', {
    url: 'html/base/ajax_layout1.html',
    target: '#ajaxload_test_box'
})</pre>
							</div>
							<p>
								参数：
							</p>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											target
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[必选] 目标容器的 jQuery选择器表达式 或 DOM对象。
										</td>
									</tr>
									<tr>
										<td>
											url
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[必选] <span class="badge"><i>D-Url</i></span> 远程加载的URL，a链接触发时可以将url定义在href属性。
										</td>
									</tr>
									<tr>
										<td>
											type
										</td>
										<td>
											string
										</td>
										<td>
											GET
										</td>
										<td>
											[可选] ajax请求方式。
										</td>
									</tr>
									<tr>
										<td>
											data
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] ajax请求发送到服务器的数据。
										</td>
									</tr>
									<tr>
										<td>
											autorefresh
										</td>
										<td>
											boolean/int(秒)
										</td>
										<td>
											null
										</td>
										<td>
											[必选] 指定该div容器是否可自动刷新，为true时默认间隔15秒自动刷新，指定具体的秒数则以指定的间隔秒值自动刷新。
										</td>
									</tr>
									<tr>
										<td>
											callback
										</td>
										<td>
											function(json)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 加载成功后的回调函数。
										</td>
									</tr>
									<tr>
										<td>
											loadingmask
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] ajax请求时是否显示数据加载遮罩。
										</td>
									</tr>
									<tr>
										<td>
											ajaxTimeout
										</td>
										<td>
											int
										</td>
										<td>
											BJUI.ajaxTimeout
										</td>
										<td>
											[可选] 请求超时设置，即$.ajax的timeout属性。
										</td>
									</tr>
								</tbody>
							</table>
							<p>
								方法：
							</p>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											方法名
										</th>
										<th width="80">
											参数类型
										</th>
										<th>
											参数说明
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											refreshdiv(id)
										</td>
										<td>
											string
										</td>
										<td>
											一个或多个div容器ID，多个ID以<code>,</code>分隔
										</td>
										<td>
											刷新指定id的div容器。
										</td>
									</tr>
									<tr>
										<td>
											refreshlayout(target)
										</td>
										<td>
											selector
										</td>
										<td>
											目标容器的 jQuery选择器表达式 或 DOM对象
										</td>
										<td>
											刷新指定的div容器。
										</td>
									</tr>
									<tr>
										<td>
											reloadlayout(options)
										</td>
										<td>
											object
										</td>
										<td>
											同doload的默认参数
										</td>
										<td>
											重新载入某个div容器。
										</td>
									</tr>
								</tbody>
							</table>
							<p>
								方法使用示例：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">// 重新加载 #ajaxload_test_box 容器
BJUI.ajax('reloadlayout', {target:'#ajaxload_test_box', url:'html/base/ajax_layout2.html'})</pre>
							</div>
							<h3 id="bjui-doc-bjuiajax-ajaxdownload">ajaxdownload异步下载</h3>
							<p>
								通过Data属性使用：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;button type="button" class="btn-default" data-toggle="ajaxdownload" data-options="{url:'../ajaxdownload?t=1'}"&gt;ajax下载&lt;/button&gt;</pre>
							</div>
							<p>
								通过JS API使用：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.ajax('ajaxdownload', {
    url:'../ajaxdownload?t=1',
    loadingmask: true
})</pre>
							</div>
							<p>
								参数：
							</p>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											url
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[必选] <span class="badge"><i>D-Url</i></span> 下载的URL。
										</td>
									</tr>
									<tr>
										<td>
											type
										</td>
										<td>
											string
										</td>
										<td>
											GET
										</td>
										<td>
											[可选] ajax请求方式。
										</td>
									</tr>
									<tr>
										<td>
											data
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 发送到服务器的数据。
										</td>
									</tr>
									<tr>
										<td>
											target
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 数据加载遮罩的父容器，值为空时默认是当前Navtab或Dialog。
										</td>
									</tr>
									<tr>
										<td>
											loadingmask
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] ajax请求时是否显示数据加载遮罩。
										</td>
									</tr>
									<tr>
										<td>
											confirmMsg
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 下载前的确认提示。
										</td>
									</tr>
									<tr>
										<td>
											failCallback
										</td>
										<td>
											function(responseHtml, url)
										</td>
										<td>
											B-JUI框架提示及取消loadingmask遮罩效果。
										</td>
										<td>
											[可选] ajax请求失败时的回调函数。
										</td>
									</tr>
									<tr>
										<td>
											prepareCallback
										</td>
										<td>
											function(url)
										</td>
										<td>
											根据loadingmask参数加载遮罩。
										</td>
										<td>
											[可选] ajax请求中的回调函数。
										</td>
									</tr>
									<tr>
										<td>
											successCallback
										</td>
										<td>
											function(url)
										</td>
										<td>
											取消loadingmask遮罩效果。
										</td>
										<td>
											[可选] ajax请求成功的回调函数。
										</td>
									</tr>
								</tbody>
							</table>
							<div class="bs-callout bs-callout-warning">
								<h4>
									ajaxdownload说明
								</h4>
								<p>
									需要依赖插件<code>$.fileDownload</code>。
								</p>
							</div>
							<h3 id="bjui-doc-bjuiajax-ajaxsearch">ajaxsearch搜索表单<sup>1.31</sup></h3>
							<p>
								通过data属性使用（不验证）：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;form action="../../html/base/ajax.html" data-toggle="ajaxsearch" data-options="{validate:false}"&gt;
    &lt;h5&gt;Ajax表单搜索（重载当前navtab，不验证）&lt;/h5&gt;
    &lt;div class="bjui-row col-2"&gt;
        &lt;label class="row-label"&gt;姓名&lt;/label&gt;
        &lt;div class="row-input"&gt;&lt;input type="text" name="username" data-rule="required"&gt;&lt;/div&gt;
        &lt;label class="row-label"&gt;住址&lt;/label&gt;
        &lt;div class="row-input"&gt;&lt;input type="text" name="address" data-rule="required"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr style="margin:5px 0 15px;"&gt;
    &lt;div class="text-center"&gt;
        &lt;button type="submit" class="btn-default"&gt;搜索表单&lt;/button&gt;
    &lt;/div&gt;
&lt;/form&gt;</pre>
							</div>
							<p>
								通过JS API属性使用（带验证）：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.ajax('ajaxsearch', {
    url: '../../html/base/ajax.html',
    form: $.CurrentNavtab.find('form:eq(1)'),
    validate: true,
    loadingmask: true
})</pre>
							</div>
							<p>
								参数：
							</p>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											url
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[必选] 提交的URL，未指定时将取form的action属性。
										</td>
									</tr>
									<tr>
										<td>
											type
										</td>
										<td>
											string
										</td>
										<td>
											POST
										</td>
										<td>
											[可选] ajax请求方式，未指定该参数时会取form的method属性值。
										</td>
									</tr>
									<tr>
										<td>
											beforeSubmit
										</td>
										<td>
											function(form)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 执行动作前的确认函数，返回false时不提交表单。
										</td>
									</tr>
									<tr>
										<td>
											validate
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 提交表单前是否需要验证（需要验证插件nicevalidate支持）。
										</td>
									</tr>
									<tr>
										<td>
											alertmsg
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否弹出验证未通过的信息提示。
										</td>
									</tr>
									<tr>
										<td>
											searchDatagrid
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 将form域中的信息用来搜索指定datagrid，如果有该参数，则参数<code>okalert</code>之后的参数都无效。
										</td>
									</tr>
									<tr>
										<td>
											form
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 要提交的表单，通过JS API使用时需要。
										</td>
									</tr>
									<tr>
										<td>
											loadingmask
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] ajax请求时是否显示数据加载遮罩。
										</td>
									</tr>
									<tr>
										<td>
											target
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 数据加载遮罩的父容器，值为空时默认是当前Navtab或Dialog。
										</td>
									</tr>
									<tr>
										<td>
											okalert
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 请求正常返回后，是否弹出相应的信息提示。
										</td>
									</tr>
									<tr>
										<td>
											callback
										</td>
										<td>
											function(json)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 自定义回调函数。
										</td>
									</tr>
									<tr>
										<td>
											okCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求成功时的回调函数，该函数会覆盖B-JUI默认的成功回调函数，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											okAfterCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求成功时的回调函数，该函数会在B-JUI默认的成功函数后执行，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											errCallback
										</td>
										<td>
											function(json, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求失败时的回调函数，函数的<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											failCallback
										</td>
										<td>
											function(msg, options)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] ajax请求出错时的回调函数，函数的<code>msg</code>参数是服务端返回的出错信息，<code>options</code>参数即是该doajax的options参数。
										</td>
									</tr>
									<tr>
										<td>
											reload
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否重新加载当前target。
										</td>
									</tr>
									<tr>
										<td>
											forward
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 跳转地址，请求返回成功状态后，加载forward地址对应的内容到当前target。
										</td>
									</tr>
									<tr>
										<td>
											forwardConfirm
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否重新加载当前target。
										</td>
									</tr>
									<tr>
										<td>
											closeCurrent
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 请求返回成功状态后，是否关闭当前target(仅navtab或dialog)。
										</td>
									</tr>
									<tr>
										<td>
											tabid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的navtab的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											dialogid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的dialog的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											divid
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的div(仅限通过doload加载的div)的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											datagrids
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 请求返回成功状态后，需要刷新的datagrid的id集合，多个id以<code>,</code>分隔。
										</td>
									</tr>
									<tr>
										<td>
											gridrefreshflag
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 刷新datagrid时保留其快速筛选、排序、分页信息。
										</td>
									</tr>
									<tr>
										<td>
											ajaxTimeout
										</td>
										<td>
											int
										</td>
										<td>
											BJUI.ajaxTimeout
										</td>
										<td>
											[可选] 请求超时设置，即$.ajax的timeout属性。
										</td>
									</tr>
								</tbody>
							</table>
							<div class="bs-callout bs-callout-warning">
								<h4>
									请求返回成功状态
								</h4>
								<p>
									指服务端返回B-JUI的消息JSON并在<code>json[BJUI.keys.statusCode] == BJUI.statusCode.ok</code>时有效。
								</p>
							</div>
						</div>
						<div class="bs-docs-section">
							<h1 id="bjui-doc-datagrid" class="page-header">Datagrid</h1>
							Datagrid，即数据表格，是B-JUI的重要组成部分。<h3 id="bjui-doc-datagrid-usage">使用</h3>
							<p>
								通过data属性：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;table class="table table-bordered" data-toggle="datagrid" data-options="{
    dataUrl: '../../json/datagrid-test.json'
}"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th data-options="{name:'name',align:'center',width:70}"&gt;名称&lt;/th&gt;
            &lt;th data-options="{name:'desc'}"align="center"&gt;描述&lt;/th&gt;
            &lt;th data-options="{name:'beizhu'}"&gt;备注&lt;/th&gt;
            &lt;th data-options="{name:'createtime',align:'center',type:'date',pattern:'yyyy-MM-dd HH:mm:ss'}"&gt;创建时间&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
&lt;/table&gt;</pre>
							</div>
							<p>
								<span style="white-space:normal;">通过JS API：</span>
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">$('#test-datagrid').datagrid({
    dataUrl: '../../json/datagrid-test.json',
    columns: [
        {name:'name',label:'名称',align:'center',width:70},
        {name:'desc',label:'描述'},
        {name:'beizhu',label:'备注'},
        {name:'createtime',label:'创建时间',align:'center',type:'date',pattern:'yyyy-MM-dd HH:mm:ss'}
    ]
})</pre>
							</div>
							<h3 id="bjui-doc-datagrid-options">参数</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											gridTitle
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 标题。
										</td>
									</tr>
									<tr>
										<td>
											columns
										</td>
										<td>
											array
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 表头模型，适用动态生成表头，如果未设置本参数，将自动转化静态表头为模型。详细请查看columns参数
										</td>
									</tr>
									<tr>
										<td>
											data
										</td>
										<td>
											array
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 提供datagrid需要的数据，如果同时设置有<code>dataUrl</code>参数，本参数优先级高。
										</td>
									</tr>
									<tr>
										<td>
											dataUrl
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] Ajax请求数据的URL。返回数据模板: <br />
											<b>JSON:</b><code>{totalRow:50, pageCurrent:1, list:[{name:'孙悟空',sex:true}, {name:'美国队长', true}]}</code> <br />
											<b>Array:</b><code>{totalRow:50, pageCurrent:1, list:[['孙悟空',true], ['美国队长', true]]}</code><br />
											<code>注意：</code>分页参数totalRow、pageCurrent、pageSize的key值引用的框架初始化时的pageInfo配置。
										</td>
									</tr>
									<tr>
										<td>
											postData
										</td>
										<td>
											object
										</td>
										<td>
											{}
										</td>
										<td>
											[可选] ajax请求发送到服务器的数据。
										</td>
									</tr>
									<tr>
										<td>
											loadType
										</td>
										<td>
											string
										</td>
										<td>
											POST
										</td>
										<td>
											[可选] Ajax请求方式。
										</td>
									</tr>
									<tr>
										<td>
											dataType
										</td>
										<td>
											string
										</td>
										<td>
											json
										</td>
										<td>
											[可选] 数据类型，可选参数['json' | 'array' | 'xml']。
										</td>
									</tr>
									<tr>
										<td>
											hiddenFields
										</td>
										<td>
											array
										</td>
										<td>
											null
										</td>
										<td>
											[可选] <code>dataType='array'有效</code>隐藏字段，可以将不能加载到页面上的值设置到给定的字段，array数据除去表头的列后依次赋值。
										</td>
									</tr>
									<tr>
										<td>
											local
										</td>
										<td>
											string
										</td>
										<td>
											remote
										</td>
										<td>
											[可选] 处理数据方式，可选参数['local' | 'remote']，(影响（分页、排序、筛选）)。
										</td>
									</tr>
									<tr>
										<td>
											fieldSortable
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 点击页头字段快速排序。<code>普通表格转为datagrid的，需设置dataUrl参数，local = 'remote'</code>
										</td>
									</tr>
									<tr>
										<td>
											filterThead
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 允许表格头部快速筛选。<code>普通表格转为datagrid的，需设置dataUrl参数，local = 'remote'</code>
										</td>
									</tr>
									<tr>
										<td>
											sortAll
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 排序范围，true = 所有数据排序， false = 当前页数据排序。<code>普通表格转为datagrid的，默认为true</code>
										</td>
									</tr>
									<tr>
										<td>
											filterAll
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 筛选范围，true = 从所有数据中筛选，false = 从当前页数据中筛选。<code>普通表格转为datagrid的，默认为true</code>
										</td>
									</tr>
									<tr>
										<td>
											filterMult
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 支持多字段筛选。
										</td>
									</tr>
									<tr>
										<td>
											initFilter
										</td>
										<td>
											object
										</td>
										<td>
											{}
										</td>
										<td>
											[可选] 初始化字段筛选。
										</td>
									</tr>
									<tr>
										<td>
											linenumberAll
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 行号范围，true = 为所有数据编号，false = 为当前页数据编号。
										</td>
									</tr>
									<tr>
										<td>
											showLinenumber
										</td>
										<td>
											boolean/<br />
											string
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 是否显示行号，参数[true | false | 'lock']，lock参数 = 锁定行号列（适用于多列字段，出现横向滚动条的情况）。
										</td>
									</tr>
									<tr>
										<td>
											showCheckboxcol
										</td>
										<td>
											boolean/<br />
											string
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否显示行复选框，参数同上。
										</td>
									</tr>
									<tr>
										<td>
											showEditbtnscol
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否显示编辑按钮列。
										</td>
									</tr>
									<tr>
										<td>
											showToolbar
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否显示工具条，需要设置参数<code>toolbarItem</code>或<code>toolbarCustom</code>。
										</td>
									</tr>
									<tr>
										<td>
											showNoDataTip
										</td>
										<td>
											boolean/string
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 没有获取到数据时显示的提示信息。可选参数[true | false，'自定义提示']，true = 框架默认提示['没有数据！'], false = 不显示。
										</td>
									</tr>
									<tr>
										<td>
											toolbarItem
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 显示工具条按钮，可选参数['all, add, edit, cancel, save, del, import, export, exportf, |']，“all” = 显示所有按钮，“|” =
											按钮组分隔符。
										</td>
									</tr>
									<tr>
										<td>
											toolbarCustom
										</td>
										<td>
											string/<br />
											object/<br />
											function
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 自定义的html内容或jQuery DOM对象，支持带返回值函数。
										</td>
									</tr>
									<tr>
										<td>
											columnResize
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 允许调整列宽。
										</td>
									</tr>
									<tr>
										<td>
											columnMenu
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 表头字段列上显示菜单按钮。
										</td>
									</tr>
									<tr>
										<td>
											columnShowhide
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 表头字段列菜单上出现 “显示/隐藏 列” 选项。
										</td>
									</tr>
									<tr>
										<td>
											columnFilter
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 表头字段列菜单上出现 “过滤” 选项。
										</td>
									</tr>
									<tr>
										<td>
											columnLock
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 表头字段列菜单上出现 “锁定列、解除锁定” 选项。
										</td>
									</tr>
									<tr>
										<td>
											paging
										</td>
										<td>
											boolean/<br />
											object
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 是否显示分页组件，可设置分页参数。分页参数模板： <code>{pageSize:30, selectPageSize:'30,60,90', pageCurrent:1, showPagenum:5,
												totalRow:0}</code><br />
											<code>如果local='remote'，并通过dataUrl参数请求json数据时，返回的数据要提供totalRow、pageCurrent参数，可提供pageSize参数</code> <br />
											<code>注意：</code>分页参数totalRow、pageCurrent、pageSize的key值引用的框架初始化时的pageInfo配置。
										</td>
									</tr>
									<tr>
										<td>
											pagingAlign
										</td>
										<td>
											string
										</td>
										<td>
											center
										</td>
										<td>
											[可选] 分页组件对齐方式，参数['left' | 'center' | 'right']
										</td>
									</tr>
									<tr>
										<td>
											keys
										</td>
										<td>
											object
										</td>
										<td colspan="2">
											<p>
												[可选] 提交编辑数据时需要移除的数据key。
											</p>
											<div class="highlight">
												<pre class="prettyprint linenums">{gridChild:'gridChild',gridNumber:'gridNumber',gridCheckbox:'gridCheckbox',gridEdit:'gridEdit',gridIndex:'gridIndex',dropFlag:'dropFlag',treePTr:'datagrid.tree.parentTr',treePData:'datagrid.tree.parentData',childlen:'childlen',isExpand:'isExpand',isParent:'isparent'}</pre>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											hasChild
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否包含子表。
										</td>
									</tr>
									<tr>
										<td>
											childOptions
										</td>
										<td>
											object
										</td>
										<td colspan="2">
											<p>
												[可选] 子表参数。
											</p>
											<div class="highlight">
												<pre class="prettyprint linenums">{
    width       : '100%', // 子表宽
    height      : 'auto', // 子表高
    paging      : false,  // 子表分页参数
    columnMenu  : false,  // 子表列菜单
    filterThead : false,  // 子表表头快速筛选
    childUpdate : false   // 子表改动时是否更新父表数据(需要主表有updateRowUrl参数支持)，参数 (Boolean: true | false, true = 'all') OR (String: 'all, add, edit, del')
}</pre>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											isTree
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否树型表。
										</td>
									</tr>
									<tr>
										<td>
											treeOptions
										</td>
										<td>
											object
										</td>
										<td colspan="2">
											<p>
												[可选] 树型表参数。
											</p>
											<div class="highlight">
												<pre class="prettyprint linenums">{
    keys        : {
        key       : 'id',        // id
        parentKey : 'pid',       // 父id
        childKey  : 'children',  // 子列表数据key值
        childLen  : 'childlen',  // 子列表数据条数
        isParent  : 'isparent',  // 是否父数据
        level     : 'level',     // 层级
        order     : 'order',     // 顺序
        isExpand  : 'isExpand'   // 子列表是否展开
    },
    simpleData  : true,          // 是否简单数据(array格式)
    add         : true           // 显示添加按钮
}</pre>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											dropOptions
										</td>
										<td>
											object
										</td>
										<td colspan="2">
											<p>
												[可选] 拖动参数。
											</p>
											<div class="highlight">
												<pre class="prettyprint linenums">{
    drop        : false,    // 拖动开关
    dropUrl     : null,     // 拖动结束后，发送数据到该url
    paging      : true,     // 是否发送分页参数
    scope       : 'drop',   // 发送拖动数据范围，'drop' = '被拖动影响的数据'，'all' = '当前页全部数据'
    beforeDrag  : null,     // function($tr, data)，拖动前方法，返回false则不拖动
    beforeDrop  : null,     // function(sourceData, descData, position)，拖动到目标并放置之前方法，返回false则不放置，参数分别是：(源数据、目标数据、放置位置(append、before、after))
    afterDrop   : 'POST'    // string 或 function($descTr, $sourceTr)，如果是字符串并有dropUrl参数，则发送拖动数据到dropUrl，否则执行自定义方法
}</pre>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											tdTemplate
										</td>
										<td>
											string/<br />
											function(data)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 格式化表格的数据模板，需配合参数templateWidth，当检测到窗口宽度小于templateWidth，就用tdTemplate模板格式化行数据。模板字符串示例：<code>"&lt;div&gt;&lt;h1&gt;标题：{#title}&lt;/h1&gt;&lt;p&gt;内容：{#content}&lt;/p&gt;&lt;/div&gt;"</code>，使用<code>{#字段key
												}</code>可以替换当前行数据对应字段值。function示例：<code>function(data) {return '&lt;div&gt;&lt;h1&gt;标题：'+ data.title
												+'&lt;/h1&gt;&lt;p&gt;内容：'+ data.content +'&lt;/p&gt;&lt;/div&gt;' }</code>
										</td>
									</tr>
									<tr>
										<td>
											templateWidth
										</td>
										<td>
											int
										</td>
										<td>
											600
										</td>
										<td>
											[可选] 当表格宽度小于设定值时，根据templateWidth参数格式化行数据。当值设为<code>0</code>时<sup>1.31</sup>，始终以自定义模板方式显示。推荐将参数值与参数<code>dialogFilterW</code>设置一致，以达到最佳效果。
										</td>
									</tr>
									<tr>
										<td>
											dialogFilterW
										</td>
										<td>
											int
										</td>
										<td>
											360
										</td>
										<td>
											[可选] 当表格宽度小于设定值时，将表头的快速筛选更换为dialog模式。当值设为<code>0</code>时<sup>1.31</sup>，表头将固定为dialog模式。
										</td>
									</tr>
									<tr>
										<td>
											editUrl
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 保存编辑、添加数据的url，Ajax请求方式为POST，服务器端接收的参数名称为"json"，数据类型是JSON Array。editUrl支持行数据动态赋值，赋值id的例子：<code>{editUrl:'news/edit?id={id}'}</code>，<code>{id}</code>部分会自动替换为该行数据的ID字段值。
										</td>
									</tr>
									<tr>
										<td>
											editCallback
										</td>
										<td>
											function(json)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 保存成功后的回调，返回的json内容可以是B-JUI默认的回调json或保存后的json数据，<code>datagrid默认回调：如果返回保存后的json数据，将会更新对应的数据行</code>。
										</td>
									</tr>
									<tr>
										<td>
											editMode
										</td>
										<td>
											string/<br />
											object
										</td>
										<td>
											inline
										</td>
										<td>
											[可选] 编辑、添加数据的方式，参数[false | 'inline' | 'dialog']。false = 不能编辑，inline = 行内编辑，dialog =
											弹窗编辑。自定义dialog方式：{dialog:{dialog参数}}，自定义navtab方式：{navtab:{navtab参数}}
										</td>
									</tr>
									<tr>
										<td>
											editDialogOp
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 弹窗编辑方式时，设置弹出窗口的参数，如<code>{width:500, height:300, mask:false}</code>
										</td>
									</tr>
									<tr>
										<td>
											inlineEditMult
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 允许行内编辑模式下同时添加/编辑多行。
										</td>
									</tr>
									<tr>
										<td>
											saveAll
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 适用于多行行内编辑时，一次性保存全部数据，发送到服务器端数据格式见参数<code>editUrl</code>。
										</td>
									</tr>
									<tr>
										<td>
											addLocation
										</td>
										<td>
											string
										</td>
										<td>
											first
										</td>
										<td>
											[可选] 添加新行数据于当前页的位置，参数['first' | 'last' | 'prev' | 'next']，参数prev和next参考当前选中行位置。
										</td>
									</tr>
									<tr>
										<td>
											delUrl
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 删除数据的url，服务器端接收的数据见参数<code>delPK</code>
										</td>
									</tr>
									<tr>
										<td>
											delType
										</td>
										<td>
											string
										</td>
										<td>
											POST
										</td>
										<td>
											[可选] Ajax删除数据的请求方式。
										</td>
									</tr>
									<tr>
										<td>
											delPK
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 设置删除主键名，如果设置了主键，则只发送该字段的值(删除多条则主键值以逗号分隔)到服务器端，否则发送JSON数据（参数名"json"，数据类型为JSON Array）。
										</td>
									</tr>
									<tr>
										<td>
											delConfirm
										</td>
										<td>
											boolean/<br />
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 删除前的确认提示，参数[true | false | '自定义提示信息']，参数为false时不弹出提示信息。
										</td>
									</tr>
									<tr>
										<td>
											delCallback
										</td>
										<td>
											function(json)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 删除成功后的回调函数，返回的json内容为B-JUI默认的回调json。
										</td>
									</tr>
									<tr>
										<td>
											jsonPrefix
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 发送到服务器端的json数据(name)加前缀，包括(保存、删除、筛选)操作。
										</td>
									</tr>
									<tr>
										<td>
											contextMenuH
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 在表头上右键点击时出现 ”显示/隐藏列“ 的快捷菜单。
										</td>
									</tr>
									<tr>
										<td>
											contextMenuB
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 在数据行右键点击时出现快捷菜单，菜单选项有(刷新、添加、编辑、取消、删除)。
										</td>
									</tr>
									<tr>
										<td>
											hScrollbar
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 允许出现横向滚动条。
										</td>
									</tr>
									<tr>
										<td>
											width
										</td>
										<td>
											int/percent
										</td>
										<td>
											null
										</td>
										<td>
											[可选] datagrid容器宽度，默认为父容器的宽，相当于'100%'。
										</td>
									</tr>
									<tr>
										<td>
											tableWidth
										</td>
										<td>
											int/percent
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 表格的宽度，默认是各列宽度之和。
										</td>
									</tr>
									<tr>
										<td>
											height
										</td>
										<td>
											int/percent
										</td>
										<td>
											300
										</td>
										<td>
											[可选] datagrid容器高度。
										</td>
									</tr>
									<tr>
										<td>
											importOption
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 工具栏的导入按钮参数，dialog或navtab方式打开导入页面，参数模板<code>{type:"dialog", options:{url:'', width:400, height:200}}</code>
										</td>
									</tr>
									<tr>
										<td>
											exportOption
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 工具栏的导出按钮参数，执行ajax url或以dialog or navtab方式打开导出页面，参数模板<code>{type:"ajax", options:{url:""}}</code>
										</td>
									</tr>
									<tr>
										<td>
											beforeEdit
										</td>
										<td>
											function
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 带返回值方法，编辑数据前调用，返回true继续编辑，返回false取消编辑。
										</td>
									</tr>
									<tr>
										<td>
											beforeDelete
										</td>
										<td>
											function
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 带返回值方法，删除数据前调用，返回true继续删除，返回false取消删除。
										</td>
									</tr>
									<tr>
										<td>
											afterSave
										</td>
										<td>
											function($trs, datas)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 保存成功后执行方法，参数$trs为保存行(jQuery 对象)，datas为保存行对应数据(JSON Array)。
										</td>
									</tr>
									<tr>
										<td>
											afterDelete
										</td>
										<td>
											function
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 删除成功后执行方法。
										</td>
									</tr>
								</tbody>
							</table>
							<h3 id="bjui-doc-datagrid-columns">columns参数</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											name
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 该列字段名(关联json数据、xml数据、编辑及保存的数据)。<code>未设置name将不能进行添加\编辑\快速筛选\排序等操作</code>
										</td>
									</tr>
									<tr>
										<td>
											label
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 显示的列标题。
										</td>
									</tr>
									<tr>
										<td>
											width
										</td>
										<td>
											int
										</td>
										<td>
											auto
										</td>
										<td>
											[可选] 列宽。
										</td>
									</tr>
									<tr>
										<td>
											align
										</td>
										<td>
											string
										</td>
										<td>
											left
										</td>
										<td>
											[可选] 对齐方式(left、center、right)。
										</td>
									</tr>
									<tr>
										<td>
											type
										</td>
										<td>
											string
										</td>
										<td>
											string
										</td>
										<td>
											[可选] 数据类型(string、boolean、select、textarea、date、findgrid、spinner、tags)。
										</td>
									</tr>
									<tr>
										<td>
											align
										</td>
										<td>
											string
										</td>
										<td>
											left
										</td>
										<td>
											[可选] 对齐方式(left、center、right)。
										</td>
									</tr>
									<tr>
										<td>
											add
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 允许该列添加数据。
										</td>
									</tr>
									<tr>
										<td>
											edit
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 允许该列编辑数据。
										</td>
									</tr>
									<tr>
										<td>
											attrs
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 编辑时，表单域的附加参数。示例：<code>{readonly:'readonly'}</code>
										</td>
									</tr>
									<tr>
										<td>
											rule
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 编辑时，表单域名的验证规则。示例：<code>required;length(6)</code>
										</td>
									</tr>
									<tr>
										<td>
											items
										</td>
										<td>
											array/function
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 用于数据渲染或筛选\编辑时的select填充。array示例：<code>[{'true':'男'}, {'false':'女'}],</code>；array示例2<sup>1.31</sup>：<code>[{"sex":true,
												"name":"男"}, {"sex":false, "name":"女"}]</code>，需配合参数itemattr使用；function示例：<code>function() {return
												$.getJSON('/datagrid/demo-items-state.js')}</code>
										</td>
									</tr>
									<tr>
										<td>
											itemattr<sup>1.31</sup>
										</td>
										<td>
											object
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 用于正确获取items参数的内容。如items的array示例2，本参数设置为：<code>{value:'sex',label:'name'}</code></code>
										</td>
									</tr>
									<tr>
										<td>
											render
										</td>
										<td>
											function(value, data)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 将列数据渲染成其他样式，方法参数value为datagrid数据提供的原始值。组合显示示例：<code>function(value, data){return value + '('+ data.name
												+')'}</code>，datagrid提供基于items的默认渲染：<code>$.datagrid.renderItem</code>
										</td>
									</tr>
									<tr>
										<td>
											pattern
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 配合type='date'使用，设置日期格式。示例：<code>yyyy-MM-dd HH:mm</code>
										</td>
									</tr>
									<tr>
										<td>
											hide
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否隐藏该列。
										</td>
									</tr>
									<tr>
										<td>
											menu
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 列上是否出现菜单按钮（如果是多表头，仅对字段列有效）。
										</td>
									</tr>
									<tr>
										<td>
											lock
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否锁定该列(尽量不用，影响速度)。
										</td>
									</tr>
									<tr>
										<td>
											quicksort
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 允许点击该列进行快速排序。
										</td>
									</tr>
									<tr>
										<td>
											quickfilter
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 允许该列进行表头快速筛选。
										</td>
									</tr>
									<tr>
										<td>
											finalWidth
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 固定该列的宽度，不受内容多少变更宽度。
										</td>
									</tr>
								</tbody>
							</table>
							<h3 id="bjui-doc-datagrid-method">方法</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											方法名
										</th>
										<th>
											参数类型
										</th>
										<th>
											参数说明
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											refresh(filterFlag)
										</td>
										<td>
											boolean
										</td>
										<td>
											true = 保留筛选、排序、分页数据，false = 不保留
										</td>
										<td>
											刷新，重新加载数据。
										</td>
									</tr>
									<tr>
										<td>
											reload(options)
										</td>
										<td>
											object
										</td>
										<td>
											同datagrid的options
										</td>
										<td>
											重载，使用新的options对应覆盖旧的options，生成一个新的datagrid，如果新的options有参数<code>columns</code>，将会直接替换旧的columns。
										</td>
									</tr>
									<tr>
										<td>
											filter(data)<sup>1.31</sup>
										</td>
										<td>
											object
										</td>
										<td>
											需要筛选的数据
										</td>
										<td>
											快速筛选，以新提供的数据覆盖postData参数，重新向服务端请求数据，可以通过data提供boolean参数<code>clearOldPostData</code>，使框架保留或取消原有的postData参数。筛选name示例：<code>$().datagrid('filter',
												{name:'张三'})</code>
										</td>
									</tr>
									<tr>
										<td>
											refreshParent(filterFlag)
										</td>
										<td>
											boolean
										</td>
										<td>
											true = 保留父表的筛选、排序、分页数据，false = 不保留
										</td>
										<td>
											刷新父表数据，有父表数据时使用有效。
										</td>
									</tr>
									<tr>
										<td>
											refreshChild(row, filterFlag)
										</td>
										<td>
											int/string/object, boolean
										</td>
										<td>
											单个数据行的索引、逗号分隔的行索引字符串、数据行的jQuery对象，filterFlag{true = 保留子表的筛选、排序、分页数据，false = 不保留}
										</td>
										<td>
											刷新子表数据，有子表数据时使用有效。
										</td>
									</tr>
									<tr>
										<td>
											showChild(row, flag, func)
										</td>
										<td>
											int/string/object, boolean, function($childTable)
										</td>
										<td>
											单个数据行的索引、逗号分隔的行索引字符串、数据行的jQuery对象，flag{true = 显示，false = 隐藏}，func是显示或隐藏子表后的回调函数。
										</td>
										<td>
											显示/隐藏指定数据行的子表。
										</td>
									</tr>
									<tr>
										<td>
											updateRow(row, [updateData])
										</td>
										<td>
											int/string/object, object
										</td>
										<td>
											单个数据行的索引、逗号分隔的行索引字符串、数据行的jQuery对象，updateData是需要更新的JSON数据。
										</td>
										<td>
											更新指定数据行的数据。未指定参数updateData时，如果datagrid定义有updateRowUrl参数，则通过ajax获取对应的数据。
										</td>
									</tr>
									<tr>
										<td>
											doAjaxRow(row, opts)
										</td>
										<td>
											int/string/object, object
										</td>
										<td>
											单个数据行的索引、逗号分隔的行索引字符串、数据行的jQuery对象，opts是doajax的相应参数。
										</td>
										<td>
											指定数据行执行ajax操作，opts的url参数支持当前行数据动态赋值，如<code>{url:'doajax?id={id}'}</code>，<code>{id}</code>部分会自动替换为该行数据的ID字段值。如果opts未定义callback或okcallback参数，datagrid会执行updateRow(json)操作。
										</td>
									</tr>
									<tr>
										<td>
											expand(row, expandFlag)
										</td>
										<td>
											int/string/object, boolean
										</td>
										<td>
											单个数据行的索引、逗号分隔的行索引字符串、数据行的jQuery对象，expandFlag{true = 展开，false = 折叠}。
										</td>
										<td>
											(仅适用于树表)展开/折叠子节点。
										</td>
									</tr>
									<tr>
										<td>
											showLinenumber(flag)
										</td>
										<td>
											boolean/string
										</td>
										<td>
											true | false， 'lock' | 'unlock'
										</td>
										<td>
											行号列：显示、隐藏、锁定、解除锁定。
										</td>
									</tr>
									<tr>
										<td>
											showCheckboxcol(flag)
										</td>
										<td>
											boolean/string
										</td>
										<td>
											true | false， 'lock' | 'unlock'
										</td>
										<td>
											复选框列：显示、隐藏、锁定、解除锁定。
										</td>
									</tr>
									<tr>
										<td>
											showEditCol(tabids)
										</td>
										<td>
											boolean
										</td>
										<td>
											true | false
										</td>
										<td>
											编辑按钮列：显示、隐藏。
										</td>
									</tr>
									<tr>
										<td>
											showhideColumn(column, showFlag)
										</td>
										<td>
											object/int, boolean
										</td>
										<td>
											column = 列索引或字段列的jQuery对象，showFlag = true/false
										</td>
										<td>
											显示、隐藏某列。
										</td>
									</tr>
									<tr>
										<td>
											selectedRows(rows, [selected])
										</td>
										<td>
											int/string/object, [boolean]
										</td>
										<td>
											单个数据行的索引、逗号分隔的行索引字符串、数据行的jQuery对象，[可选参数，选中|取消选中，默认选中]
										</td>
										<td>
											选中/取消选中行。
										</td>
									</tr>
									<tr>
										<td>
											externalEdit(row, editOpts)
										</td>
										<td>
											int/object, object
										</td>
										<td colspan="2">
											<p>
												参数：单个数据行的索引、数据行的jQuery对象，编辑参数(navtab或dialog)
											</p>
											<p>
												自定义编辑，如果编辑url同datagrid的editUrl参数，则可以省略editOpts的url参数，url参数支持行数据动态替换。示例：
											</p>
											<div class="highlight" style="width:450px;">
												<pre class="prettyprint linenums">$('#j_datagrid').datagrid('externalEdit', 2, {
    dialog: {
        url: 'html/form/form.html?id={id}',
        width: 500,
        height: 400,
        title: '编辑'
    }
})</pre>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											add(addLocation)
										</td>
										<td>
											string
										</td>
										<td>
											'first' | 'last' | 'prev' | 'next'
										</td>
										<td>
											添加行，参数参考datagrid参数<code>addLocation</code>。
										</td>
									</tr>
									<tr>
										<td>
											doEditRow(row)
										</td>
										<td>
											object/int
										</td>
										<td>
											数据行的jQuery对象或行索引。
										</td>
										<td>
											编辑行。
										</td>
									</tr>
									<tr>
										<td>
											doCancelEditRow(row)
										</td>
										<td>
											object/int
										</td>
										<td>
											数据行的jQuery对象或行索引。
										</td>
										<td>
											取消编辑行。
										</td>
									</tr>
									<tr>
										<td>
											doSaveEditRow(row)
										</td>
										<td>
											object/int
										</td>
										<td>
											数据行的jQuery对象或行索引。
										</td>
										<td>
											保存编辑行。
										</td>
									</tr>
									<tr>
										<td>
											delRows(rows)
										</td>
										<td>
											int/string/object
										</td>
										<td>
											单个数据行的索引、逗号分隔的行索引字符串、数据行的jQuery对象
										</td>
										<td>
											删除行。
										</td>
									</tr>
									<tr>
										<td>
											saveAll()
										</td>
										<td>
											--
										</td>
										<td>
											--
										</td>
										<td>
											保存所有编辑行。
										</td>
									</tr>
									<tr>
										<td>
											jumpPage(pageNum, [pageSize])
										</td>
										<td>
											int, int
										</td>
										<td>
											跳转页码(仅设置分页大小参数时，可设为null)，[可选参数，页大小]
										</td>
										<td>
											跳转到指定页码。
										</td>
									</tr>
									<tr>
										<td>
											destroy()
										</td>
										<td>
											--
										</td>
										<td>
											--
										</td>
										<td>
											销毁datagrid。
										</td>
									</tr>
								</tbody>
							</table>
							<h3 id="bjui-doc-datagrid-datas">获取数据</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											示例
										</th>
										<th>
											获取数据格式
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											$(table).data('filterDatas')
										</td>
										<td>
											object
										</td>
										<td>
											datagrid参数<code>{local:'remote'}</code>时有效。取得筛选数据，包含快速筛选、页码、排序信息。
										</td>
									</tr>
									<tr>
										<td>
											$(table).data('selectedDatas')
										</td>
										<td>
											array
										</td>
										<td>
											取得选中行数据。
										</td>
									</tr>
									<tr>
										<td>
											$(table).data('selectedTrs')
										</td>
										<td>
											jQuery Object
										</td>
										<td>
											取得选中行的jQuery对象。
										</td>
									</tr>
									<tr>
										<td>
											$(table).data('allData')
										</td>
										<td>
											array
										</td>
										<td>
											取得当前(页/所有)数据。datagrid参数<code>{local:'remote'}</code>时取得当前页数据，否则取得所有数据。
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="bs-docs-section">
							<h1 id="bjui-doc-findgrid" class="page-header">Findgrid</h1>
							Findgrid是一个dialog + datagrid的组合组件，它可以将datagrid的数据赋值到相应的表单域，或执行自定义的操作。<h3 id="bjui-doc-findgrid-usage">使用</h3>
							<p>
								通过data属性：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;input id="findgrid1" type="text" name="obj.xm" value="" data-toggle="findgrid" data-options="{
    group: 'obj',
    include: 'xm:name, description:desc',
    dialogOptions: {title:'查找职业'},
    gridOptions: {
        local: 'local',
        dataUrl: '../../json/datagrid/profession.json',
        columns: [
            {name:'name', label:'名称', width:100},
            {name:'desc', label:'描述'},
            {name:'date', label:'创建日期'}
        ]
    }
}" placeholder="点放大镜按钮查找"&gt;</pre>
							</div>
							<p>
								通过JS API：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">BJUI.findgrid({
    group: 'obj',
    include: 'name3:name, description:desc',
    dialogOptions: {title:'查找职业'},
    gridOptions: {
        local: 'local',
        dataUrl: '../../json/datagrid/profession.json',
        columns: [
            {name:'name', label:'名称', width:100},
            {name:'desc', label:'描述'},
            {name:'date', label:'创建日期'}
        ]
    }
})</pre>
							</div>
							<h3 id="bjui-doc-findgrid-options">参数</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											pk
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 行数据的主键值，当打开Findgrid窗口时，用来标记已选中项。
										</td>
									</tr>
									<tr>
										<td>
											oldData
										</td>
										<td>
											string/array
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 对应pk参数的值，参数multiple=true时，多个值以逗号分隔或提供array格式。
										</td>
									</tr>
									<tr>
										<td>
											group
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 选中后要赋值input的name前缀，如text的name为<code>obj.name</code>，那么group就是<code>obj</code>。
										</td>
									</tr>
									<tr>
										<td>
											suffix
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 选中后要赋值input的name后缀，如text的name为<code>obj.name[]</code>，那么suffix就是<code>[]</code>。
										</td>
									</tr>
									<tr>
										<td>
											include
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 要赋值的input名称集合，多个以逗号<code>,</code>分隔。举例：如果有一堆表单域的name分别为<code>obj.name, obj.sex, obj.age</code>，如果只需要填充name和sex，那include就是<code>name,sex</code>，如果name对应的数据行的key是xm，那可以写作<code>name:xm,sex</code>，冒号前面是input的name，即将datagrid选中行的xm字段值赋值到obj.name域。
										</td>
									</tr>
									<tr>
										<td>
											exclude
										</td>
										<td>
											string
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 与include相反，排除要赋值的input名称集合。<strong>注意：</strong>如果已设置include参数，则本参数无效。
										</td>
									</tr>
									<tr>
										<td>
											multiple
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 是否开启多行选择。
										</td>
									</tr>
									<tr>
										<td>
											append
										</td>
										<td>
											boolean
										</td>
										<td>
											false
										</td>
										<td>
											[可选] 多选时的赋值模式，true = 追加（会有重复值），false = 替换。
										</td>
									</tr>
									<tr>
										<td>
											empty
										</td>
										<td>
											boolean
										</td>
										<td>
											true
										</td>
										<td>
											[可选] 是否在Findgrid窗口上显示清空按钮。
										</td>
									</tr>
									<tr>
										<td>
											dialogOptions
										</td>
										<td>
											object
										</td>
										<td>
											<span style="word-break:break-all;">{id:null,mask:true,width:600,height:400,title:'Findgrid',maxable:true,resizable:true}</span>
										</td>
										<td>
											[可选] Findgrid弹窗参数，请参考dialog参数设置。
										</td>
									</tr>
									<tr>
										<td>
											gridOptions
										</td>
										<td>
											object
										</td>
										<td>
											<span style="word-break:break-all;">{width:'100%',height:'100%',tableWidth:'100%',columnMenu:false}</span>
										</td>
										<td>
											[必选] 请参考datagrid参数。
										</td>
									</tr>
									<tr>
										<td>
											context
										</td>
										<td>
											selector
										</td>
										<td>
											当前dialog或navtab
										</td>
										<td>
											[可选] 仅在指定的容器中查找待赋值input。
										</td>
									</tr>
									<tr>
										<td>
											beforeSelect
										</td>
										<td>
											function(data)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 选中数据行时的事件回调函数，返回boolean，true = 继续执行，false = 取消赋值。
										</td>
									</tr>
									<tr>
										<td>
											onSelect
										</td>
										<td>
											function(data)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 该函数用于替换Findgrid默认的赋值操作，data参数为选中行数据，单选时类型为object，多选时为array。
										</td>
									</tr>
									<tr>
										<td>
											afterSelect
										</td>
										<td>
											function(data)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] Findgrid的赋值操作完成后的回调函数。
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="bs-docs-section">
							<h1 id="bjui-doc-pagination" class="page-header">分页组件<sup>1.31</sup></h1>
							分页组件Pagination，当触发页面跳转时，可以自定义回调函数或通过指定的form提交相应参数到服务端处理。<h3 id="bjui-doc-pagination-usage">使用</h3>
							<p>
								通过data属性使用：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;ul id="pagination_test_ul1"&gt;&lt;/ul&gt;
&lt;div data-toggle="pagination" data-options="{total:1000, pageSize:5, callback:pagination_test_callback}"&gt;&lt;/div&gt;
function pagination_test_callback(pageCurrent, pageSize) {
    BJUI.ajax('doajax', {
        url: 'http://b-jui.com/demo?callback=?',
        data: {pageCurrent:pageCurrent, pageSize:pageSize},
        dataType: 'jsonp',
        okCallback: function(json) {
            var lis = BJUI.StrBuilder()
            
            $.each(json.list, function(i, n) {
                lis.add('&lt;li&gt;')
                    .add(n.code).add(' - ')
                    .add(n.deptname).add(' - ')
                    .add(n.name).add(' - ')
                    .add(n.sex ? '男' : '女')
                    .add('&lt;/li&gt;')
            })
            
            $('#pagination_test_ul1').html(lis.toString())
        }
    })
}</pre>
							</div>
							<p>
								通过JS API属性使用：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">&lt;div id="test_pagination"&gt;&lt;/div&gt;
$('#test_pagination').pagination({
    width: '50%',
    total:1000, pageSize:5, form:'#pagination_test_searchform'
})</pre>
							</div>
							<h3 id="bjui-doc-pagination-options">参数</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											名称
										</th>
										<th>
											类型
										</th>
										<th>
											默认值
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											width
										</td>
										<td>
											int/percent
										</td>
										<td>
											100%
										</td>
										<td>
											[可选] 分页组件的宽度。
										</td>
									</tr>
									<tr>
										<td>
											pageSize
										</td>
										<td>
											int
										</td>
										<td>
											30
										</td>
										<td>
											[可选] 页码大小。
										</td>
									</tr>
									<tr>
										<td>
											selectPageSize
										</td>
										<td>
											string
										</td>
										<td>
											'30,60,90'
										</td>
										<td>
											[可选] 可供选择的页码大小集合。
										</td>
									</tr>
									<tr>
										<td>
											pageCurrent
										</td>
										<td>
											int
										</td>
										<td>
											1
										</td>
										<td>
											[可选] 当前页码。
										</td>
									</tr>
									<tr>
										<td>
											total
										</td>
										<td>
											int
										</td>
										<td>
											0
										</td>
										<td>
											[可选] 总记录数。
										</td>
									</tr>
									<tr>
										<td>
											showPagenum
										</td>
										<td>
											int
										</td>
										<td>
											5
										</td>
										<td>
											[可选] 可供点击的页码个数。
										</td>
									</tr>
									<tr>
										<td>
											form
										</td>
										<td>
											selector
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 触发页码跳转时向该form写入pageCurrent及pageSize参数，并提交该form。
										</td>
									</tr>
									<tr>
										<td>
											callback
										</td>
										<td>
											function(pageCurrent, pageSize)
										</td>
										<td>
											null
										</td>
										<td>
											[可选] 触发页码跳转时，执行该回调函数。<code>注意：</code>参数callback的优先级比form高。
										</td>
									</tr>
								</tbody>
							</table>
							<div class="bs-callout bs-callout-warning">
								<h4>分页相关参数</h4>
								<p>
									分页参数total、pageCurrent、pageSize的key值引用的框架初始化时的pageInfo配置。
								</p>
							</div>
							<h3 id="bjui-doc-pagination-method">方法</h3>
							<table class="table table-bordered table-striped table-hover">
								<thead>
									<tr>
										<th>
											方法名
										</th>
										<th width="100">
											参数类型
										</th>
										<th>
											参数说明
										</th>
										<th>
											描述
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											jumpPage(pageCurrent, [pageSize])
										</td>
										<td>
											int, [int]
										</td>
										<td>
											跳转页码，[页记录数]
										</td>
										<td>
											跳转到某个页面，可以改变现有页面记录数。
										</td>
									</tr>
									<tr>
										<td>
											destroy()
										</td>
										<td>
											--
										</td>
										<td>
											--
										</td>
										<td>
											销毁分页组件。
										</td>
									</tr>
								</tbody>
							</table>
							<p>
								方法使用示例：
							</p>
							<div class="highlight">
								<pre class="prettyprint linenums">$('#test_pagination').pagination('jumpPage', 12)</pre>
							</div>
						</div>
					</div>
					<div class="col-md-3">
						<div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm" role="complementary">
							<ul class="nav bs-docs-sidenav">
								<li class="">
									<a href="#bjui-doc-start">概述</a>
									<ul class="nav">
										<li class=""><a href="#bjui-doc-dir">目录结构</a></li>
										<li class=""><a href="#bjui-doc-page">页面结构</a></li>
										<li class=""><a href="#bjui-doc-init">初始化框架</a></li>
										<li class=""><a href="#bjui-doc-idname">元素ID命名规范</a></li>
										<li class=""><a href="#bjui-doc-event">全局事件</a></li>
										<li class=""><a href="#bjui-doc-data">data属性</a></li>
										<li class=""><a href="#bjui-doc-api">jQuery 编程方式API</a></li>
										<li class=""><a href="#bjui-doc-durl">url动态赋值</a></li>
										<li class=""><a href="#bjui-doc-string-method">字符串函数等</a></li>
									</ul>
								</li>
								<li class="">
									<a href="#bjui-doc-navtab">Navtab</a>
									<ul class="nav">
										<li class=""><a href="#bjui-doc-navtab-usage">使用</a></li>
										<li class=""><a href="#bjui-doc-navtab-options">参数</a></li>
										<li class=""><a href="#bjui-doc-navtab-method">方法</a></li>
									</ul>
								</li>
								<li class="">
									<a href="#bjui-doc-dialog">Dialog</a>
									<ul class="nav">
										<li class=""><a href="#bjui-doc-dialog-usage">使用</a></li>
										<li class=""><a href="#bjui-doc-dialog-options">参数</a></li>
										<li class=""><a href="#bjui-doc-dialog-method">方法</a></li>
									</ul>
								</li>
								<li class="">
									<a href="#bjui-doc-alertmsg">alertmsg信息提示</a>
									<ul class="nav">
										<li class=""><a href="#bjui-doc-alertmsg-usage">使用</a></li>
										<li class=""><a href="#bjui-doc-alertmsg-options">参数</a></li>
									</ul>
								</li>
								<li class="">
									<a href="#bjui-doc-bjuiajax">bjuiajax</a>
									<ul class="nav">
										<li class=""><a href="#bjui-doc-bjuiajax-json">B-JUI消息JSON</a></li>
										<li class=""><a href="#bjui-doc-bjuiajax-doajax">doajax异步请求</a></li>
										<li class=""><a href="#bjui-doc-bjuiajax-ajaxform">ajaxform异步表单提交</a></li>
										<li class=""><a href="#bjui-doc-bjuiajax-doload">doload异步加载</a></li>
										<li class=""><a href="#bjui-doc-bjuiajax-ajaxdownload">ajaxdownload异步下载</a></li>
										<li class=""><a href="#bjui-doc-bjuiajax-ajaxsearch">ajaxsearch搜索</a></li>
									</ul>
								</li>
								<li class="">
									<a href="#bjui-doc-datagrid">Datagrid</a>
									<ul class="nav">
										<li class=""><a href="#bjui-doc-datagrid-usage">使用</a></li>
										<li class=""><a href="#bjui-doc-datagrid-options">参数</a></li>
										<li class=""><a href="#bjui-doc-datagrid-columns">columns参数</a></li>
										<li class=""><a href="#bjui-doc-datagrid-method">方法</a></li>
										<li class=""><a href="#bjui-doc-datagrid-datas">获取数据</a></li>
									</ul>
								</li>
								<li class="">
									<a href="#bjui-doc-findgrid">Findgrid</a>
									<ul class="nav">
										<li class=""><a href="#bjui-doc-findgrid-usage">使用</a></li>
										<li class=""><a href="#bjui-doc-findgrid-options">参数</a></li>
									</ul>
								</li>
								<li class="">
									<a href="#bjui-doc-pagination">分页组件</a>
									<ul class="nav">
										<li class=""><a href="#bjui-doc-pagination-usage">使用</a></li>
										<li class=""><a href="#bjui-doc-pagination-options">参数</a></li>
										<li class=""><a href="#bjui-doc-pagination-method">方法</a></li>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<footer class="footer">
			<div class="container">
				<div class="text-center">
					Copyright &copy; 2014 - 2015　<a href="javascript:;">B-JUI 前端管理框架</a>
				</div>
			</div>
		</footer>
		<div id="web-gotop"><a class="" href="javascript:;"><span class="glyphicon glyphicon-menu-up"></span> 回顶部</a></div>
	</body>

	<!-- jquery -->
	<script src="site/js/jquery.min.js"></script>
	<script src="site/js/jquery.cookie.js"></script>
	<script src="site/js/bootstrap.min.js"></script>
	<script src="site/js/clipboard.min.js"></script>
	<script src="site/js/prettify.js"></script>
	<script src="site/layer/layer.js"></script>
	<script type="text/javascript">
		! function(a) {
			"use strict";
			a(function() {
				var b = a(window),
					c = a(document.body);
				c.scrollspy({
						target: ".bs-docs-sidebar"
					}), b.on("load", function() {
						c.scrollspy("refresh");
					}), a(".bs-docs-container [href=#]").click(function(a) {
						a.preventDefault();
					}), setTimeout(function() {
						var b = a(".bs-docs-sidebar");
						b.affix({
							offset: {
								top: function() {
									var c = b.offset().top,
										d = parseInt(b.children(0).css("margin-top"), 10),
										e = a(".bs-docs-nav").height();
									return this.top = c - e - d;
								},
								bottom: function() {
									return this.bottom = a(".bs-docs-footer").outerHeight(!0);
								}
							}
						});
					}, 100), setTimeout(function() {
						a(".bs-top").affix();
					}, 100),
					function() {
						var b = a("#bs-theme-stylesheet"),
							c = a(".bs-docs-theme-toggle"),
							d = function() {
								b.attr("href", b.attr("data-href")), c.text("Disable theme preview"), localStorage.setItem("previewTheme", !0);
							};
						localStorage.getItem("previewTheme") && d(), c.click(function() {
							var a = b.attr("href");
							a && 0 !== a.indexOf("data") ? (b.attr("href", ""), c.text("Preview theme"), localStorage.removeItem(
								"previewTheme")) : d();
						});
					}(), a(".tooltip-demo").tooltip({
						selector: '[data-toggle="tooltip"]',
						container: "body"
					}), a(".popover-demo").popover({
						selector: '[data-toggle="popover"]',
						container: "body"
					}), a(".tooltip-test").tooltip(), a(".popover-test").popover(), a(".bs-docs-popover").popover(),
					a("#loading-example-btn").on("click", function() {
						var b = a(this);
						b.button("loading"), setTimeout(function() {
							b.button("reset");
						}, 3e3);
					}), a(".bs-docs-activate-animated-progressbar").on("click", function() {
						a(this).siblings(".progress").find(".progress-bar-striped").toggleClass("active");
					}), a(".highlight").each(function(index, element) {
						var $element = $(element),
							$pre = $element.find('pre'),
							genClassName = 'pre' + index;
						$pre.addClass(genClassName);
						var b = '<div class="zero-clipboard"><span class="btn-clipboard" data-clipboard-target=".' + genClassName +
							'">Copy</span></div>';
						a(this).before(b);
					});

				var clipboard = new ClipboardJS('.btn-clipboard');

				clipboard.on('success', function(e) {
					layer.msg('复制成功');
					e.clearSelection();
				});

				clipboard.on('error', function(e) {
					layer.msg('复制失败，请手动复制');
				});

				prettyPrint();
			});
		}(jQuery);
	</script>
	<script src="http://www.b-jui.com/tongji.js"></script>
</html>
